a,
b,
body,
button,
dd,
div,
dl,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
label,
li,
nav,
p,
select,
span,
td,
textarea,
u,
ul {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
}

body {
    background: #f6f6f8;
    min-width: 1184px;
    line-height: 26px;
    color: #414a60;
    font-size: 14px;
}

img {
    /*border: 0;*/
    border-radius: 2px;
}

input {
    border: 0;
    outline: none;
}

li,
ul,
ol {
    list-style: none;
}

a {
    cursor: pointer;
    font-size: 14px;
    text-decoration: none;
    color: black;
}

body,
button,
input,
option,
select,
td,
textarea {
    font-family: arial, verdana, helvetica, 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, sans-serif;
    -webkit-font-smoothing: antialiased;
}

body {
    background: #f6f6f8;
    min-width: 1184px;
    line-height: 26px;
    color: #414a60;
    font-size: 14px;
}

.header:after,
.main:after,
.clearfix:after,
.home-box:after,
.inner:after,
.job-author:after,
.job-list li:after,
.job-primary:after,
.promotion-job li:after {
    content: '';
    display: block;
    overflow: hidden;
    visibility: hidden;
    clear: both;
}

div {
    display: block;
}

img {
    border: none;
}

form {
    display: block;
    margin-top: 0em;
}

.bottom-banner div.closeIcon,
.company-hotjob .more,
.dot-plenty,
.form-btn .error-tip,
.home-main .search-box .btn-search,
.icon-app,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-brand,
.icon-dropdown,
.icon-red-close,
.icon-select-arrow,
.icon-vip,
.icon-waring,
.icon-weibo,
.icon-weixin,
.jconfirm .pop-imgview .jconfirm-box div.closeIcon,
.jconfirm .pop-sign-box .jconfirm-box div.closeIcon,
.jconfirm .pop-sign-deliver .jconfirm-box div.closeIcon,
.jconfirm .pop-tip-box .jconfirm-box div.closeIcon,
.job-banner .job-author .time,
.job-box .more,
.link-download,
.location-address,
.nav-search .btn-search,
.page a.next,
.page a.prev,
.promotion-top .arrow-right,
.qrcode-layer i,
.search-box .btn-search,
.select-tree li,
.siderbar-qrcode,
.tip-text {
    display: inline-block;
    background-image: url(../images/icons.png);
    background-repeat: no-repeat;
}

.header,
.clearfix,
.home-box,
.info,
.inner,
.job-author,
.job-list li,
.job-primary,
.promotion-job li {
    zoom: 1;
}

button,
input[type=button],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
}

a:active,
a:focus,
a:hover,
button,
input,
textarea {
    outline: 0;
}

body,
button,
input,
option,
select,
td,
textarea {
    font-family: arial, verdana, helvetica, 'PingFang SC', 'HanHei SC', STHeitiSC-Light, Microsoft Yahei, sans-serif;
    -webkit-font-smoothing: antialiased;
}

button,
input[type=button],
input[type=number],
input[type=password],
input[type=search],
input[type=submit],
input[type=tel],
input[type=text],
textarea {
    -webkit-appearance: none;
}

.wrap ::-webkit-scrollbar {
    width: 4px;
}

.wrap ::-webkit-scrollbar-thumb {
    height: 50px;
    background-color: #d1d4db;
    -webkit-border-radius: 5px;
}

a,
b,
body,
button,
dd,
div,
dl,
em,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
i,
input,
label,
li,
nav,
p,
select,
span,
td,
textarea,
u,
ul {
    padding: 0;
    margin: 0;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
}

dt {
    display: block;
}

dd {
    display: block;
    /*    margin-inline-start: 40px;*/
}

.footer-about dl dd a,
.footer-about dl dd p {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #8d92a1;
    height: 24px;
    line-height: 24px;
    white-space: nowrap;
}

a {
    text-decoration: none;
    color: #414a60;
}

@media (max-height: 780px) {
    .siderbar-bottom {
        bottom: 80px;
    }
}

.siderbar .siderbar-back-top:after {
    content: '';
    display: block!important;
    width: 21px;
    height: 13px;
    margin: 0 auto;
    background: url(../images/siderbar.png) no-repeat;
    background-size: 42px auto;
    background-position: 0 0;
}

.icon-arrow-down,
.icon-select-arrow {
    width: 16px;
    height: 16px;
    background-position: 2px -54px;
}

.filter-select-box .icon-select-arrow,
.search-box .icon-arrow-down {
    background-position: 0 -2044px;
}

.icon-app span,
.icon-weibo span,
.icon-weixin span {
    display: none;
}

.company-chat .text,
.full-company .text,
.full-decent .text,
.full-direcruit .text,
.mod-always .title,
.mod-media .title {
    background-image: url(../images/text-title.png);
    background-repeat: no-repeat;
}

.full-app .text .des,
.full-app .text .title {
    text-indent: -2000em;
}

.full-app .app-btns .btn-android,
.full-app .app-btns .btn-iphone {
    background: url(../images/app-download-btns.png) center top no-repeat;
}

.full-company .text .des,
.full-company .text .title {
    text-indent: -2000em;
}

.full-direcruit .text .des,
.full-direcruit .text .title {
    text-indent: -2000em;
}

.full-direcruit .text .des,
.full-direcruit .text .title {
    text-indent: -2000em;
}

.company-chat .text .des,
.company-chat .text .title {
    text-indent: -2000em;
}

.full-app .app-btns .btn-android,
.full-app .app-btns .btn-iphone {
    background: url(../images/app-download-btns.png) center top no-repeat;
}

.full-app .text .des,
.full-app .text .title {
    text-indent: -2000em;
}

@media (min-width: 1200px) {
    .full-direcruit .figure {
        width: 570px;
    }
}

@media (min-width: 1200px) {
    .chat-list {
        margin-left: 160px;
    }
}

@media (min-width: 1200px) {
    .chat-tip {
        left: 122px;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes chatTip {
    0% {
        opacity: 0;
        top: 300px;
    }
    80% {
        opacity: 1;
        top: 186px;
    }
    100% {
        opacity: 1;
        top: 186px;
    }
}

@keyframes chatScroll {
    0% {
        top: 0;
    }
    100% {
        top: -224px;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 1200px) {
    .figure-logos {
        left: 100px;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .full-decent .figure {
        width: 536px;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (min-width: 1200px) {
    .full-decent .figure-phone {
        width: 536px;
    }
}

@keyframes cardShow {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@media (min-width: 1200px) {
    .figure-cards {
        left: 141px;
    }
}

@keyframes cardShow1 {
    0% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cardShow2 {
    0% {
        transform: translateY(-80px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cardShow3 {
    0% {
        transform: translateY(-170px);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cardShow4 {
    0% {
        transform: translateY(-250px);
    }
    60% {
        transform: perspective(0) rotateX(-10deg) scale(1) translateY(-10px);
    }
    100% {
        transform: perspective(500px) rotateX(-10deg) scale(1.14) translateY(-30px);
    }
}

@keyframes cardShow5 {
    0% {
        transform: translateY(-290px);
    }
    70% {
        transform: perspective(0) rotateX(-10deg) scale(1) translateY(-5px);
    }
    100% {
        transform: perspective(500px) rotateX(-10deg) scale(1.23) translateY(-15px);
    }
}

@keyframes cardShow6 {
    0% {
        transform: translateY(-290px);
    }
    80% {
        transform: perspective(0) rotateX(-10deg) scale(1) translateY(0);
    }
    100% {
        transform: perspective(500px) rotateX(-10deg) scale(1.32) translateY(0);
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-50px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@media (min-width: 1200px) {
    .full-decent .text {
        margin-right: 536px;
    }
}

.full-decent .text .des,


@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-50px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (min-width: 1200px) {
    .media-list li {
        margin-right: 34px;
    }
}